<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!-- 在head标签中写一个style标签，style标签是放在title标签下面的 -->
    <!-- 理论上，style标签，你想放在什么地方，就可以放在什么地方 -->
    <!-- 在style标签中，就可以书写style代码了 -->
    <style>
        /*  
            {} 叫声明块  在声明块中放一个个的属性，属性的格式是：xxx:yyyy;   每一个属性是以分号结束
            选择器{
                属性名:属性值;
                属性名:属性值;
                属性名:属性值;
                属性名:属性值;
            }
        */
        /* 表示选中页面中的所有的div */
        div{
            /* 属性名也叫键，属性值也叫值，整体叫键值对 */
            color:gold;
            font-size: 50px;
            background-color: skyblue;
            /* 男盒子和人妖盒子都可以设置宽高 */
            width: 600px;
            height: 600px;
        }
    </style>
</head>
<body>
    <!-- 
        强调：对于前端程序员来说，CSS也相当重要，不要着急学习JS。

        CSS:
            Cascading Style Sheet 层叠样式表   
            层叠性：明天会说到
            样式表：学习CSS，就是学习一堆的样式，样式主要是用来美化网页。
            
        HTML：
            超文本标记语言，是书写网页的内容。
            
        CSS版本：
            CSS1  CSS2  CSS3

        作用：
            1）是用美化网页    美化方式一：布局    美化方式二：细节美化
            2）网页中的内容与样式分离
                内容写在HTML文件中，样式写在CSS文件中

        CSS是一门编程语言？
            答：不是的   CSS也不是标记语言    CSS可以叫样式语言
        
        CSS是一门计算机语言吗？
            答：是

        学习HTML，把标签进行了分类：
            1）男标签   块级标签     特点：独占一行
            2）女标签   行内标签    特点：并排显示
            3）人妖标签   行内块标签  img  input    特点：并排显示

        女标签和人妖标签的区别：
            1）女标签不可以设置宽高
            2）人妖标签除了可以并排显示之后，其它和男标签一模一样

        从今天开始，不要说标签，也不要说元素，说盒子。一个标签就是盒子。因为每一个标签都是矩形的。

        一个网页就是由N个盒子堆起来的。

     -->

     <div>我是一个孤独的DIV</div>
</body>
</html>